package com.tencent.compose.sample.mainpage

import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.foundation.layout.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.automirrored.filled.ArrowBack
//import com.tencent.compose.sample.mainpage.sectionItem.BigImage
import com.tencent.compose.sample.mainpage.sectionItem.composeView1500Page
//import com.tencent.compose.sample.AppTabScreen
//import com.tencent.compose.sample.mainpage.sectionItem.ComposeLazyView1500Page
//import com.tencent.compose.sample.mainpage.sectionItem.The300Threads
@Composable
internal fun NewMainPage() {
    var showBig by remember { mutableStateOf(false) }
    Column(Modifier.fillMaxSize()) {
        TopAppBar(
            navigationIcon = {
                if (showBig) {
                    IconButton(onClick = { showBig = false }) {
                        Icon(
                            imageVector = Icons.AutoMirrored.Filled.ArrowBack,
                            contentDescription = "Back"
                        )
                    }
                }
            },
            title = {
                Text(if (showBig) "Big Image" else "Demo")
            }
        )
        Box(
            Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
         composeView1500Page()
        }
    }
}